import { LAYOUT } from '/@/router/constant';
import { CustomAppRouteModule } from '/@/script/types/Route';

const charts: CustomAppRouteModule = {
  path: '/charts',
  name: 'Charts',
  component: LAYOUT,
  redirect: '/charts/apexChart',
  icon: 'search',
  meta: {
    icon: 'vaadin:spline-area-chart',
    title: '表1',
  },
  children: [
    {
      path: 'apexChart',
      name: 'ApexChart',
      meta: {
        title: '表二',
      },
      component: () => import('/@/views/test/Test.vue'),
    },
    {
      path: 'apex1Chart',
      name: 'Apex1Chart',
      meta: {
        title: '表1二',
      },
      component: () => import('/@/views/test/Test2.vue'),
    },
    {
      path: 'apexChart1',
      name: 'ApexChart1',
      meta: {
        title: '表二1',
      },
      redirect: 'apexChart2',
      component: () => import('/@/views/sys/exception/Exception.vue'),
      children: [
        {
          path: 'apexChart2',
          name: 'ApexChart2',
          meta: {
            title: '表二3',
          },
          component: () => import('/@/views/test/Test2.vue'),
        },
      ]
    }
  ],
};

export default charts;
